<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<!-- 图片元素和属性与属性值 
		     png   jpg   gif
			 属性与属性值：出现元素前标记位置【多个用空格分开】
			 作用：修饰元素效果
			 【必须】资源属性 src="路径+图全称"
			 
			 路径：通过路径找到文件，表示：  /  \
			 /  表示  上传至服务器  【推荐】
			 \  表示  下载到本地
			 ../  返回上一级
			 
			 相对路径  ① 相对于 执行网页文件 同一目录下  直接按照目录名+图片全称  √
			          ② 相对于 执行网页文件 包含文件夹  返回上一步
			 绝对路径  根据盘符进行查找文件
			          "C:\Users\HP\Pictures\Saved Pictures\【哲风壁纸】动漫-进击的巨人.png"
			 
			 alt标题属性 属性值:文本自定
			 特点：用于解释图片，特点：网络问题、图片全称写错，提示
			 title标题属性 属性值：文本自定
			 特点：用于解释图片，特点：鼠标移动上去提示
		-->
		<img src="img/1.png" alt="熊二" width="300px" height="300px"/>
		<img src="img/2.jpg" title="怪兽大学" width="300px" height="300px">
		<img src="img/3.gif" alt="蜡笔小新" width="300px" height="300px">
		
		<!-- 图片、音频、视频【文件类】使用机制类似  
		
		视频  video  元素的属性与属性值：如果属性与属性值一致，删属性值
		autoplay属性    自动播放
		controls属性     控制条
		loop属性        无限次播放
		
		音频  audio  
		-->
		<video src="img/oceans-clip.mp4" autoplay controls loop></video>
		<audio src="img/dafengche.mp3" autoplay controls loop></audio>
		
	</body>
</html>